<script setup>
import {VUE_APP_STATIC_URL} from "@/config/api";
</script>

<template>
  <div class="header">
    <div class="logo">
      <image class="img" :src="`${VUE_APP_STATIC_URL}ui-static/zwx-static/home/logo.png`" alt="" mode="heightFix" />
    </div>
    <div class="search">
      <div class="search-text">请输入您想要的宝贝</div>
    </div>
  </div>
</template>

<style scoped lang="scss">
@import "../../../style/images";
 .header{
   padding: 0 30rpx;
   .logo{
     margin-bottom: 18rpx;
     .img{
       width: auto;
       height: 55rpx;
     }
   }
   .search{
     height: 64rpx;
     border-radius: 32rpx;
     line-height: 64rpx;
     padding-left: 68rpx;
     font-size: 20rpx;
     color: #9F9F9F;
     background:#FFFFFF url("#{$base-path}ui-static/zwx-static/home/search-icon.png") no-repeat 18px center / 36rpx 34rpx;
   }
 }
</style>
